<!--
message tag:
    1.name               String         验证码输入框名称           必需
    2.inputCssStyle      String         验证框样式                非必需
    3.imageCssStyle      String         验证码图片样式             非必需
    4.buttonCssStyle     String         看不清按钮样式             非必需
-->
<div class="row">
    <div class="col col-6" style="padding-right: 5px;">
        <label class="input"> <i
                class="icon-append fa fa-picture-o txt-color-green"></i>
            <input type="text" id="${name}" name="${name}" maxlength="5"
                   class="txt-color-bluedark required" style="font-weight:bold;${inputCssStyle!''}">
            <b class="tooltip tooltip-top-right"><i
                    class="fa fa-angellist txt-color-blueLight"></i> Enter
                the validation.</b>
        </label>
    </div>
    <div class="col col-3"
         style="padding-left: 2px;padding-right: 0;padding-top: 1px;">
        <img src="${ctxPath}/servlet/validateCodeServlet?width=120&height=30"
             onclick="$('.${name}' + 'Refresh').click();" class="mid ${name}" style="${imageCssStyle!''}"/>
    </div>
    <div class="col col-3" style="padding-left: 0;padding-top: 5px;">
        <a style="float:right;${buttonCssStyle!''}" href="javascript:" class="mid ${name}Refresh"
           onclick="$('.${name}').attr('src','${ctxPath}/servlet/validateCodeServlet?width=120&height=30&'+new Date().getTime());">看不清</a>
    </div>
</div>
